import React, { Component } from 'react';
import { Platform, StyleSheet, Text, View, Image, ScrollView, TouchableOpacity } from 'react-native';

import {
    Tabs, Icon, Button,
    Modal,
    WhiteSpace,
    WingBlank,
    Toast, Flex, Tag, DatePicker, List, Picker,
    Provider,
} from '@ant-design/react-native';
const Item = List.Item;
const Brief = Item.Brief;
const styles = StyleSheet.create({

    tabText: {
        fontSize: 10,
        color: "#000",
    },
    tabValText: {
        fontSize: 12,
        color: "#ccc",
        textAlign: "right"
    },
    titleText: {
        fontSize: 12,
        color: "#B8B8B8"
    }

});


export default class MyForm_Details extends Component {
    static navigationOptions = props => {

        return {
            headerTitle: `报表详情          `,
            headerTintColor: "#fff",
            headerTitleStyle: {
                flex: 1,
                textAlign: 'center',
                fontSize: 16
            },
            headerStyle: {
                backgroundColor: "#3296FA",
            }
        }
    };



    state = {
        visible2: false,
        visible3: false,
        tabstate: 0,
        value: undefined,
    };



    render() {


        const style = {
            alignItems: 'center',
            justifyContent: 'center',
            flex: 1,
            backgroundColor: '#fff',
        };



        return (

            <View style={{ flex: 1, justifyContent: 'center', backgroundColor: "#F2F2F2" }}>
                <View style={{ marginBottom: 10, backgroundColor: "#fff" }}>

                    <List>

                        <Item extra="#1企业" arrow="empty">
                            燃气企业
                        </Item>
                        <Item extra="#1燃气站" arrow="empty">
                             燃气站点
                        </Item>
                        <Item extra="政府考核" arrow="empty">
                             报表类型
                        </Item>
                        <Item extra="2018/7/5 19:38" arrow="empty">
                             报表生成时间
                        </Item>
                       
                    </List>

                </View>

                <View style={{ flex: 1, backgroundColor: "#fff" }}>
                    <View style={{ height: 40}}>
                        <Text style={{ fontSize: 16, color: "#000", lineHeight: 40,textAlign:"center" }}>瓶装气商业用气场所安全检查考核评分表</Text>
                    </View>

                    <ScrollView
                        style={{ flex: 1, paddingTop: 10, backgroundColor: "#fff" }}
                    // automaticallyAdjustContentInsets={false}
                    // showsHorizontalScrollIndicator={false}
                    // showsVerticalScrollIndicator={false}
                    >
                        <View style={{ flex: 1, display: "flex", flexDirection: "row", flexWrap: "wrap", justifyContent: "space-around" }}>

                        </View>





                    </ScrollView>
                </View>
            </View>
        )
    }
}

